<template>
    <view class="init-progress">
        <view class="init-progress-title">
            <text class="label">已签署人数/目标签署人数</text>
            <text class="progress-title">{{voteInfo.sumSignNum}}/{{voteInfo.signNum}}</text>
        </view>
        <Progress :progressWidth="progressWidth" />
    </view>
</template>
<script>
import Progress from '@/components/progress/index.vue'
export default {
    components:{
        Progress
    },
    props:{
      
        voteInfo:{
            type:Object,
            default:()=>{}
        }
    },
    computed:{
        progressWidth(){
            return (this.voteInfo.sumSignNum/this.voteInfo.signNum)*100+'%'
        }
    }
}   
</script>
<style scoped lang="scss">
.init-progress{
    width: 100%;
  
    background: #fff;
    border-radius: 12rpx;
    padding: 20rpx;
    margin-bottom: 20rpx;
}
.init-progress-title{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 28rpx;
    color: #333;
    margin-bottom: 20rpx;
}
.progress-title{
   font-weight: 400;
    font-size: 28rpx;
    color: #3B75FA;
}
.label{
  font-size: 24rpx;
    color: #7a7a7a;
}
</style>